<template>
  <div
    class="ck-content t-editor-preview"
    v-html="modelValue"
  />
</template>

<script lang="ts">
  import { defineComponent } from 'vue'

  export default defineComponent({
    name: 't-editor-preview',
    props: {
      modelValue: {
        type: String,
        default: ''
      }
    }
  })
</script>

<style lang="less" scoped>
  .t-editor-preview {
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
  }
</style>
